<footer id="footer"><!--Footer-->
	 <a id="myView">
	 	我的足迹 
	 </a>
	{{-- <div id="wrap-aside" class="">
		<div style="" class="text-center">
			<span class="text-danger ">
				<small style="font-size: 14px;">
					<a href="{{ route('buying') }}" >疯狂促销</a>
				</small>
			</span>
		</div>
	</div> --}}

		<div class="footer-widget">
			<div class="container">
				<div class="row">
					<div class="col-sm-2">
						<div class="single-widget">
							<h2>Service</h2>
							<ul class="nav nav-pills nav-stacked">
								<li><a href="#">Online Help</a></li>
								<li><a href="#">Contact Us</a></li>
								<li><a href="#">Order Status</a></li>
								<li><a href="#">Change Location</a></li>
								<li><a href="#">FAQ’s</a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="single-widget">
							<h2>Quock Shop</h2>
							<ul class="nav nav-pills nav-stacked">
								<li><a href="#">T-Shirt</a></li>
								<li><a href="#">Mens</a></li>
								<li><a href="#">Womens</a></li>
								<li><a href="#">Gift Cards</a></li>
								<li><a href="#">Shoes</a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="single-widget">
							<h2>Policies</h2>
							<ul class="nav nav-pills nav-stacked">
								<li><a href="#">Terms of Use</a></li>
								<li><a href="#">Privecy Policy</a></li>
								<li><a href="#">Refund Policy</a></li>
								<li><a href="#">Billing System</a></li>
								<li><a href="#">Ticket System</a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="single-widget">
							<h2>About Shopper</h2>
							<ul class="nav nav-pills nav-stacked">
								<li><a href="#">Company Information</a></li>
								<li><a href="#">Careers</a></li>
								<li><a href="#">Store Location</a></li>
								<li><a href="#">Affillate Program</a></li>
								<li><a href="#">Copyright</a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-3 col-sm-offset-1">
						<div class="single-widget">
							<h2>About Shopper</h2>
							<form action="#" class="searchform">
								<input type="text" placeholder="Your email address" />
								<button type="submit" class="btn btn-default"><i class="fa fa-arrow-circle-o-right"></i></button>
								<p>Get the most recent updates from <br />our site and be updated your self...</p>
							</form>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<p class="pull-left">Copyright © 2013 E-SHOPPER Inc. All rights reserved.</p>
					<p class="pull-right">Designed by <span><a target="_blank" href="http://www.themeum.com">Themeum</a></span></p>
				</div>
			</div>
		</div>
		
	</footer><!--/Footer-->
	<script>
		$(function(){
		  var _index=0;
		  $("#menu ul li").click(function(){
		   $(this).find("span").addClass("active").parent().siblings().find("span").removeClass("active");
		   _index=$(this).index()+1;
		   //通过拼接字符串获取元素，再取得相对于文档的高度
		   var _top=$("#louti"+_index).offset().top;
		   //scrollTop滚动到对应高度
		   $("body,html").animate({scrollTop:_top},500);
		  });
		  var nav=$("#menu"); //得到导航对象
		  var win=$(window); //得到窗口对象
		  var sc=$(document);//得到document文档对象。
		  win.scroll(function(){
		 
		   if(sc.scrollTop()>=600){
		   $("#menu").show(); 
		   //获取滚动元素对应的索引!!!重难点
		   var index=Math.floor(sc.scrollTop()/600);
		 
		   $("#menu ul li span").eq(index-1).addClass("active").parent().siblings().find("span").removeClass("active");
		   }else{
		   $("#menu").hide();
		   }
		  });
		 });
	</script>